<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="myDiv" class="bd" title="Body text" lang="en" dir="ltr">1233</div>
<script>
    /*
        1.html元素
         id，元素在文档中的唯一标识符;
         title，包含元素的额外信息，通常以提示条形式展示;
         lang，元素内容的语言代码(很少用);
         dir，语言的书写方向("ltr"表示从左到右，"rtl"表示从右到左，同样很少用);
         className，相当于 class 属性，用于指定元素的 CSS 类(因为 class 是 ECMAScript 关键字，
        所以不能直接用这个名字)。
     */
    let div = document.getElementById('myDiv')
    console.log(div.id); // "myDiv"
    console.log(div.className);// "bd"
    console.log(div.title); // "Body text"
    console.log(div.lang);// "en"
    console.log(div.dir); // "ltr"

    /*
        2.取得元素
            getAttribute()
            setAttribute()
            removeAttribute()
     */
    
    let theDiv = document.getElementById('myDiv')
    console.log(theDiv.getAttribute('id'))

    /*
        3.设置属性
        setAttribute(oldValue,newValue)
     */
    
    /*
        p418
        4.attributes属性
             getNamedItem(name)，返回 nodeName 属性等于 name 的节点;
             removeNamedItem(name)，删除 nodeName 属性等于 name 的节点;
             setNamedItem(node)，向列表中添加 node 节点，以其 nodeName 为索引; 
             item(pos)，返回索引位置 pos 处的节点。
     */
    
    /*
        其他的pass了
     */
</script>
</body>
</html>